.masthead{ height:30px; line-height:30px; overflow: hidden; text-align:right; background-color:#303030; color:#fffde0;}

.masthead .tell{ color:#7c7c7b; padding:4px 0 4px 28px; margin:0 20px; background:url(../../images/user/tell.png) no-repeat left center;}

.masthead .tell em{ font-family:Georgia, Simsun; color:#fffde0;}

.masthead .email{ margin-right:25px; padding:4px 0 4px 28px; background:url(../../images/user/email.png) no-repeat left center; color:#7c7c7c;}



ul,li{list-style-type:none;}

img{border:0px;}

.fbvsyu{width:1200px;margin:0 auto;overflow:hidden-;padding-top:5px;padding-bottom:5px;}

.fbvsyu ul{width:1200px;}

.fbvsyu li{width:495px;height:120px;float:left;margin-right:7px;margin-bottom:9px;position:relative;}

.fbvsyu li img{width:150px;height:120px;}

.fbvsyu li div{width:316px;position:absolute;height:120px;background:url(../../images/user/nim.png) left bottom;top:0px;right:0px;padding-left:30px;padding-right:10px;}

.fbvsyu li a:hover div{width:316px;position:absolute;height:120px;background:url(../../images/user/nim.png) left top;top:0px;right:0px;padding-left:30px;padding-right:10px;}

.fbvsyu li div font{display:block;font-size:14px;color:#333;padding-top:12px;padding-bottom:12px;}

.fbvsyu li a:hover div font{display:block;font-size:14px;color:#fff;padding-top:12px;padding-bottom:12px;}

.fbvsyu li div p{color:#7f7f7f;}

.fbvsyu li a:hover div p{color:#b3bfd9;}

.fbvsyu li div i{width:57px;height:12px;display:block;background:url(../../images/user/mroes.png);margin-top:15px;}

.fbvsyu li a:hover div i{width:57px;height:12px;display:block;background:url(../../images/user/mnore.png);margin-top:15px;}





.about-wrap .party .tab li.cur:after, .duty-wrap .party .tab li.cur:after, .bases-wrap .title-tips:after {

  content: "";

  height: 0;

  width: 0;

  overflow: hidden;

}



.w1200 {

  width: 1200px;

  margin: 0 auto;

}

.ht33 {

  height: 25px;

  margin: 0 auto;

}

.imgs {

  width: 380px;

  height: 220px;

}





footer {

  background: #4b4c4d;

  clear: both;

}

footer .list-wrap {

  padding: 2% 0;

}

@media only screen and (max-width: 980px) {

  footer .list {

    display: none;

  }

}

footer li {

  width: 20%;

}

footer li a {

  display: inline-block;

  font-size: 12px;

  line-height: 28px;

  color: #fff;

  opacity: 0.7;

  transition: all 0.5s;

}

footer li a:hover {

  color: #fff;

  opacity: 1;

}

footer li a.tit {

  margin-bottom: 20px;

  font-size: 14px;

  line-height: 2;

  color: #fff;

  opacity: 1;

}

footer li:last-child:after {

  content: "";

  display: inline-block;

  position: absolute;

  right: 0;

  top: 10px;

  width: 1px;

  height: 58%;

  background: #545556;

}

@media only screen and (max-width: 1012px) {

  footer li:last-child:after {

    display: none;

  }

}

footer .detail {

  padding-left: 22%;

  font-size: 12px;

  line-height: 2;

  color: #d2d2d2;

}

footer .detail p.t {

  margin-bottom: 20px;

  font-size: 14px;

  line-height: 2;

  color: #fff;

}

footer .detail .img-box {

  width: 77px;

  margin: 20px 28px 0 0;

  font-size: 14px;

  line-height: 34px;

  color: #fff;

  text-align: center;

}

@media only screen and (max-width: 1012px) {

  footer .detail {

    padding: 5% 0 0 0;

  }

  footer .detail .line {

    display: block;

    clear: both;

    width: 100%;

    height: 1px;

    background: #5d5e5f;

    margin: 5% 0;

  }

  footer .detail .img-box {

    margin-top: 0;

  }

}

footer.fixed-before:after {

  content: "";

  display: inline-block;

  width: 100%;

  height: 56px;

}

@media only screen and (max-width: 980px) {

  footer.fixed-before:after {

    display: none;

  }

}



.footer-tips {

  width: 100%;

  padding: 18px 0;

  background: #363636;

  font-size: 12px;

  line-height: 2;

  color: #828282;

  transition: all 0.5s;

}

.footer-tips p {

  padding-left: 15px;

}

.footer-tips .select {

  width: 214px;

  height: 24px;

  background: #fff;

  border: 1px solid #c1c1c1;

  font-size: 12px;

  line-height: 2;

  color: #666;

}

.footer-tips .select p {

  padding: 0 24px 0 10px;

  background: url(../../images/user/bg_sign19.jpg) no-repeat right;

  cursor: pointer;

}

.footer-tips .select .list {

  left: 0;

  bottom: 25px;

  width: 194px;

  padding: 10px;

  background: #fff;

  border-bottom: 1px solid #363637;

}

.footer-tips .select .list li {

  width: 100%;

}

.footer-tips .select .list a {

  float: left;

  display: inline-block;

  width: 94%;

  padding: 0 3%;

  font-size: 12px;

  line-height: 20px;

  color: #666;

  transition: all 0.5s;

}

.footer-tips .select .list a.tit {

  width: 100%;

  padding: 0;

  font-size: 14px;

  line-height: 2;

  color: #333;

}

.footer-tips .select .list a:hover {

  color: #0062cb;

}

.footer-tips.fixed {

  position: fixed;

  left: 0;

  bottom: 0;

  z-index: 5;

}

.footer-tips.black {

  padding: 15px 0;

  background: #fff;

  border-top: 1px solid #c1c1c1;

}

@media only screen and (max-width: 980px) {

  .footer-tips,

  .footer-tips.fixed{

    position: relative;

    background: #363637;

  }

  .footer-tips.black{

    border: 0;

  }

  .footer-tips .pc {

    display: none;

  }

  .footer-tips .m {

    display: block;

    background: #363637;

    font-size: 13px;

    line-height: 2;

    color: #737373;

    text-align: center;

  }

  .footer-tips p {

    padding-left: 0;

  }

  .footer-tips .btns {

    height: 30px;

  }

  .footer-tips .btns a {

    position: relative;

    display: inline-block;

    padding: 0 20px;

    font-size: 15px;

    line-height: 2;

    color: #d7d7d7;

  }

  .footer-tips .btns a:after {

    content: "";

    display: inline-block;

    position: absolute;

    right: 0;

    top: 9px;

    width: 1px;

    height: 12px;

    background: #545455;

  }

  .footer-tips .btns a:last-child:after {

    display: none;

  }

}



.ibanner {

  width: 100%;

}

.ibanner .banner{

  position: relative;

  overflow: hidden;

  width: 100%;

  display: inline-block;

}

.ibanner .banner li{

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  display: none;

}

.ibanner .banner li img{

  width: 100%;

}

.ibanner .banner .i-ban-hei{

  height: 0;

  margin-top: 35%;

  width: 100%;

}

.ibanner .btn{

  /*display: inline-block;*/

  height: 16px;

  position: absolute;

  left: 50%;

  bottom: 26px;

  z-index: 5;

}

.ibanner .btn span{

  display: inline-block;

  width: 16px;

  height: 16px;

  margin-right: 10px;

  border-radius: 8px;

  background: #ccc;

  cursor: pointer;

  text-indent: -9999px;

  float: left;

  overflow: hidden;

}



.ibanner .btn span.on{

  background: #0062cb;

}

.ibanner img.stations {

  left: 0;

  top: 0;

  opacity: 0;

}

.ibanner .box_skitter {

  left: 0;

  top: 0;

  width: 100%;

}

@media only screen and (max-width: 1044px) {

  .ibanner img.stations,

  .ibanner .pc {

    display: none;

  }

  .ibanner .m {

    display: block;

    min-height: 100px;

  }

}



.inews-title {

  height: 72px;

  border-bottom: 1px solid #ececec;

  margin-bottom: 3%;

  font-size: 18px;

  line-height: 72px;

  color: #888;

}

@media only screen and (max-width: 788px) {

  .inews-title {

    margin-bottom: 5%;

  }

}

.inews-title p.fl:after {

  content: "";

  display: inline-block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 75px;

  height: 3px;

  background: #c00;

  transition: all 0.5s;

}

.inews-title p.fl.last:after {

  width: 110px;

  left: 90px;

}

.inews-title span {

  cursor: pointer;

}

.inews-title span.cur {

  color: #444;

}

.inews-title a {

  display: inline-block;

  padding-right: 15px;

  margin: 24px 10px 0 0;

  background: url(../../images/user/bg_sign04.png) no-repeat right 0;

  font-size: 12px;

  line-height: 2;

  color: #888;

}

.inews-title a:hover {

  color: #0062cb;

  background-position: right bottom;

}



.inews-list {

  margin-bottom: 2.6%;

}

.inews-list ul {

  margin-left: -1.25%;

}

@media only screen and (max-width: 788px) {

  .inews-list ul {

    margin: 0;

  }

  .inews-list ul li {

    margin-bottom: 6%;

  }

}

.inews-list .in {

  width: 92%;

  margin: 0 auto;

}

@media only screen and (max-width: 788px) {

  .inews-list .in {

    width: 100%;

  }

}

.inews-list a {

  display: inline-block;

  width: 100%;

  font-size: 12px;

  line-height: 22px;

  color: #7c7c7c;

}

.inews-list p.tit{

  padding: 6px 0;

  margin: 20px 0 5px;

  line-height: 20px;

  color: #444;

  text-align: center;

}

.inews-list p.tit a{

  color: #444;

  font-size: 16px;

  line-height: 20px;

  height: 20px;

  white-space:nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.inews-list p.tit a:hover{

  color: #0062cb;

}

.inews-list a:hover {

  color: #0062cb;

}

.inews-list span {

  display: inline-block;

  padding-left: 20px;

  background: url(../../images/user/bg_sign01.png) no-repeat left 0;

  margin-top: 10px;

  font-size: 12px;

  line-height: 28px;

  color: #999;

  cursor: pointer;

}

.inews-list span.hover {

  background-position: left bottom;

  color: #0062cb;

}

.inews-list span a {

  display: inline-block;

  height: 28px !important;

  padding-left: 0 !important;

  background: none !important;

  margin: 0 !important;

  color: #999 !important;

  line-height: 28px !important;

}

.inews-list span a:hover {

  color: #0062cb;

}



.iboxs {

  padding: 3% 0;

  background: #edefef;

  border-top: 1px solid #d7d7d7;  background0: url(../../images/user/aboutbg.jpg-) no-repeat center;

}

@media only screen and (max-width: 788px) {

  .iboxs {

    padding: 5% 0;

  }

}

.iboxs .box.fl {

  background: #fff;

  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07);

}

.iboxs .box.fl .img {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

}

.iboxs .box.fl .img .in {

  width: 83%;

  height: 100%;

  background: url(../../images/user/img04.png) no-repeat center;

  background-size: cover;

}

@media only screen and (max-width: 788px) {

  .iboxs .box.fl .img {

    position: relative;

  }

  .iboxs .box.fl .img .in {

    width: 100%;

  }

  .iboxs .box.fl .img img {

    display: block;

  }

}

.iboxs .box.fl .detail {

  float: right;

}

.iboxs- .box-.f-l .detail- .in- {

  padding: 8% 8.4% 8% 0;

}



.iboxs .box.fl .detail .in {

  padding: 25px 20px 15px 0px;

}



.iboxs .box.fl .detail h2 {

  font-size: 20px;

  line-height: 24px;

  color: #333;

}

.iboxs .box.fl .detail p.en {

  padding-bottom: 5%;

  border-bottom: 1px solid #e5e5e5;

  margin-bottom: 3%;

  font-size: 20px;

  line-height: 1;

  color: #b9b9b9;

  font-family: Arial;

  text-transform: uppercase;

}

.iboxs .box.fl .detail a {

  display: inline-block;

  font-size: 14px;

  line-height: 25px;

  color: #666;

}

.iboxs .box.fl .detail a.more {

  margin-top: 14px;

  padding-right: 15px;

  background: url(../../images/user/bg_sign05.png) no-repeat right center;

  font-size: 14px;

  line-height: 2;

  color: #005098;

}

@media only screen and (max-width: 788px) {

  .iboxs .box.fl .detail {

    padding: 4.6% 5.4% 5.6%;

  }

}

.iboxs .box.fr ul {

  width: 85.8%;

  padding-left: 14.2%;

}

@media only screen and (max-width: 1012px) {

  .iboxs .box.fr ul {

    width: 100%;

    padding-left: 0;

  }

}

.iboxs .box.fr li {

  width: 85.6%;

  padding: 7.2% 7.2% 15%;

  background: url(../../images/user/bg_bg01.jpg) no-repeat right center;

  background-size: cover;

  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07);

}

@media only screen and (max-width: 1012px) {

  .iboxs .box.fr li {

    width: 38%;

    padding: 5%;

    margin-top: 3%;

  }

  .iboxs .box.fr li:nth-child(2n) {

    float: right;

  }

}

.iboxs .box.fr li p {

  font-size: 14px;

  line-height: 26px;

  color: #7c7c7c;

}

.iboxs .box.fr li p.t {

  font-size: 20px;

  line-height: 32px;

  color: #e99134;

}

.iboxs .box.fr li p.t.b {

  color: #035198;

}

@media only screen and (max-width: 1012px) {

  .iboxs .box.fr li p {

    opacity: 0;

  }

  .iboxs .box.fr li p.t {

    opacity: 1;

  }

}

.iboxs .box.fr li:last-child {

  background-image: url(../../images/user/bg_bg02.jpg);

}



.inside-ban {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

@media only screen and (max-width: 768px) {

  .inside-ban {

    height: 225px;

  }

  .inside-ban.about-ban {

    background-image: url(../../images/user/bannerabout.jpg);

  }

  .inside-ban.news-ban {

    background-image: url(../../images/user/bannernews.jpg);

  }

  .inside-ban.projects-ban {

    background-image: url(../../images/user/bannerprojects.jpg);

  }

  .inside-ban.tec-ban {

    background-image: url(../../images/user/bannertec.jpg);

  }

  .inside-ban.global-ban {

    background-image: url(../../images/user/bannerglobal.jpg);

  }

  .inside-ban.duty-ban {

    background-image: url(../../images/user/bannerduty.jpg);

  }

  .inside-ban.talent-ban {

    background-image: url(../../images/user/bannertalent.jpg);

  }

  .inside-ban img {

    display: none;

  }

}



.inside-menu {

  height: 70px;

  border-bottom: 1px solid #ededed;

  background: #fff;

}

@media only screen and (max-width: 980px) {

  .inside-menu {

    display: none;

  }

}

.inside-menu.fixed {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 5;

}

.inside-menu a {

  display: inline-block;

  font-size: 14px;

  line-height: 70px;

  color: #c00;

}

.inside-menu a:hover {

  color: #c00;

}

.inside-menu a.home {

  width: 20px;

  height: 70px;

  background: url(../../images/user/bg_sign06.png) no-repeat center;

}

.inside-menu span {

  display: inline-block;

  width: 28px;

  height: 70px;

  background: url(../../images/user/bg_sign07.png) no-repeat center;

}

.inside-menu em {

  display: inline-block;

  font-size: 14px;

  line-height: 70px;

  color: #a3a3a3;

}

.inside-menu .menu a {

  position: relative;

  display: inline-block;

  margin: 0 16px;

  font-size: 14px;

  line-height: 70px;font-weight:bold;

  color: #a3a3a3; background0: #005BAC;height0: 30px;witdh0:50px

}



.inside-menu .menu a:last-child {

  padding-right: 0;

}

.inside-menu .menu a:after {

  transition: all 0.5s;

}

.inside-menu .menu a:hover {

  color: #c00;

}

.inside-menu .menu a:hover:after, .inside-menu .menu a.cur:after {

  content: "";

  display: inline-block;

  position: absolute;

  left: 0;

  bottom: -1px;

  width: 100%;

  height: 3px;

  background: #c00;

}



.menu-block {

  height: 0px;

}



.inside-title, .about-wrap .title, .duty-wrap .title, .projects-wrap .tips .title, .bases-wrap .title {

  text-align: center;

  font-size: 30px;

  line-height: 36px;

  color: #777;

  text-transform: uppercase;

}

.inside-title p, .about-wrap .title p, .duty-wrap .title p, .projects-wrap .tips .title p, .bases-wrap .title p {

  margin-bottom: -5px;

}

.inside-title p.fz, .about-wrap .title p.fz, .duty-wrap .title p.fz, .projects-wrap .tips .title p.fz, .bases-wrap .title p.fz {

  font-size: 20px;

  line-height: 28px;

}

.inside-title span, .about-wrap .title span, .duty-wrap .title span, .projects-wrap .tips .title span, .bases-wrap .title span {

  position: relative;

  display: inline-block;

  padding: 0 35px;

  font-size: 22px;

  line-height: 36px;

  color: #035cac;

}

.inside-title span:before, .about-wrap .title span:before, .duty-wrap .title span:before, .projects-wrap .tips .title span:before, .bases-wrap .title span:before, .inside-title span:after, .about-wrap .title span:after, .duty-wrap .title span:after, .projects-wrap .tips .title span:after, .bases-wrap .title span:after {

  content: "";

  display: inline-block;

  position: absolute;

  top: 17.5px;

  width: 27px;

  height: 1px;

  background: #c8c8c8;

}

.inside-title span:before, .about-wrap .title span:before, .duty-wrap .title span:before, .projects-wrap .tips .title span:before, .bases-wrap .title span:before {

  left: 0;

}

.inside-title span:after, .about-wrap .title span:after, .duty-wrap .title span:after, .projects-wrap .tips .title span:after, .bases-wrap .title span:after {

  right: 0;

}

.inside-title.white, .about-wrap .white.title, .duty-wrap .white.title, .projects-wrap .tips .white.title, .bases-wrap .white.title {

  color: #fff;

}

.inside-title.white span, .about-wrap .white.title span, .duty-wrap .white.title span, .projects-wrap .tips .white.title span, .bases-wrap .white.title span {

  color: #fff;

}

.inside-title.white span:before, .about-wrap .white.title span:before, .duty-wrap .white.title span:before, .projects-wrap .tips .white.title span:before, .bases-wrap .white.title span:before, .inside-title.white span:after, .about-wrap .white.title span:after, .duty-wrap .white.title span:after, .projects-wrap .tips .white.title span:after, .bases-wrap .white.title span:after {

  background: #fff;

  opacity: 0.8;

}



.about-wrap .group, .duty-wrap .group {

  padding: 4.8% 0 6.5%;

  background: #f5f5f5;

  font-size: 14px;

  line-height: 2;

  color: #777;

  text-align: center;

}

.about-wrap .group .detail, .duty-wrap .group .detail {

  width: 82.5%;

  padding-top: 3%;

  margin: 0 auto;

}

.about-wrap .group .detail h2, .duty-wrap .group .detail h2 {

  font-size: 20px;

  line-height: 2;

  color: #000;

  margin-bottom: 7px;

}

.about-wrap .group .detail a, .duty-wrap .group .detail a {

  display: inline-block;

  width: 136px;

  border: 1px solid #035cac;

  background: #035cac;

  margin-top: 4.6%;

  font-size: 14px;

  line-height: 38px;

  color: #fff;

  transition: all 0.5s;

}

.about-wrap .group .detail a:hover, .duty-wrap .group .detail a:hover {

  background: #f5f5f5;

  color: #035cac;

}

@media only screen and (max-width: 980px) {

  .about-wrap .group, .duty-wrap .group {

    padding: 9% 0 13%;

  }

  .about-wrap .group .detail, .duty-wrap .group .detail {

    width: 100%;

    padding-top: 6%;

  }

}

.about-wrap .history, .duty-wrap .history {

  padding: 2.6% 0 8.2%;

  background: url(../../images/user/bg_bg03.jpg) no-repeat center;

  background-size: cover;

}

.about-wrap .history .line, .duty-wrap .history .line {

  left: 0;

  top: 50%;

  width: 100%;

  height: 2px;

  background: #fff;

  margin-top: -1px;

}

.about-wrap .history .in, .duty-wrap .history .in {

  background: url(../../images/user/bg_line01.png) no-repeat center;

  height: 514px;

  margin-top: 20px;

}

.about-wrap .history .list-box, .duty-wrap .history .list-box {

  width: 1040px;

  height: 612px;

  margin-left: 100px;

}

.about-wrap .history .list-box ul, .duty-wrap .history .list-box ul {

  height: 612px;

}

.about-wrap .history .list-box li, .duty-wrap .history .list-box li {

  position: absolute;

  bottom: 355px;

  width: 220px;

  min-height: 176px;

  padding-left: 32px;

  background: url(../../images/user/bg_line02.png) no-repeat left top;

  font-size: 13px;

  line-height: 20px;

  color: #cee5fa;

  transform: translateX(30px);

  opacity: 0;

}

.about-wrap .history .list-box li h2, .duty-wrap .history .list-box li h2 {

  font-size: 36px;

  line-height: 50px;

  color: #fff;

}

.about-wrap .history .list-box li.cur h2, .duty-wrap .history .list-box li.cur h2 {

  font-weight: bold;

  font-size: 46px;

  line-height: 60px;

}

.about-wrap .history .list-box li img, .duty-wrap .history .list-box li img {

  display: block;

  max-width: 100%;

  margin: 18px 0;

}

.about-wrap .history .list-box li:nth-child(2n), .duty-wrap .history .list-box li:nth-child(2n) {

  bottom: auto;

  top: 258px;

  padding-top: 92px;

  background: url(../../images/user/bg_line03.png) no-repeat left -79px;

}

.about-wrap .history .list-box li:nth-child(2), .duty-wrap .history .list-box li:nth-child(2) {

  left: 120px;

}

.about-wrap .history .list-box li:nth-child(3), .duty-wrap .history .list-box li:nth-child(3) {

  left: 330px;

}

.about-wrap .history .list-box li:nth-child(4), .duty-wrap .history .list-box li:nth-child(4) {

  left: 450px;

}

.about-wrap .history .list-box li:nth-child(5), .duty-wrap .history .list-box li:nth-child(5) {

  left: 660px;

}

.about-wrap .history .list-box li:nth-child(6), .duty-wrap .history .list-box li:nth-child(6) {

  left: 780px;

}

.about-wrap .history .btn, .duty-wrap .history .btn {

  top: 50%;

  width: 37px;

  height: 37px;

  margin-top: -18.5px;

  cursor: pointer;

}

.about-wrap .history .btn.prev, .duty-wrap .history .btn.prev {

  left: 0;

  background: url(../../images/user/prev01.png) no-repeat #035cac;

}

.about-wrap .history .btn.next, .duty-wrap .history .btn.next {

  right: 0;

  background: url(../../images/user/next01.png) no-repeat #035cac;

}

@media only screen and (max-width: 1220px) {

  .about-wrap .history, .duty-wrap .history {

    padding-top: 5%;

    background-image: url(../../images/user/bg_bg04.jpg);

  }

  .about-wrap .history .line, .duty-wrap .history .line {

    display: none;

  }

  .about-wrap .history .in, .duty-wrap .history .in,

  .about-wrap .history .btn,

  .duty-wrap .history .btn {

    height: auto;

    background: none;

  }

  .about-wrap .history .list-box, .duty-wrap .history .list-box {

    width: 100%;

    height: auto;

    margin-left: 0;

  }

  .about-wrap .history .list-box ul, .duty-wrap .history .list-box ul {

    height: auto;

  }

  .about-wrap .history .list-box li, .duty-wrap .history .list-box li {

    position: relative;

    left: 0 !important;

    bottom: 0;

    width: 100%;

    min-height: 1px;

    padding: 0;

    background: #fff;

    margin-bottom: 14px;

    opacity: 1;

    transform: translateX(0);

  }

  .about-wrap .history .list-box li:nth-child(2n), .duty-wrap .history .list-box li:nth-child(2n) {

    top: 0;

    padding-top: 0;

    background: #fff;

  }

  .about-wrap .history .list-box li h2, .duty-wrap .history .list-box li h2 {

    padding: 0 2%;

    background: #e8e8e8;

    font-size: 15px;

    line-height: 2;

    color: #035cac;

    font-weight: bold;

  }

  .about-wrap .history .list-box li .detail, .duty-wrap .history .list-box li .detail {

    width: 94%;

    padding: 3%;

    font-size: 14px;

    line-height: 22px;

    color: #7c7c7c;

  }

  .about-wrap .history .list-box li img, .duty-wrap .history .list-box li img {

    display: none;

  }

  .about-wrap .history .more-btn, .duty-wrap .history .more-btn {

    display: block;

    padding: 5px 0;

    background: #2d77ba;

    margin-top: 10px;

    font-size: 15px;

    line-height: 2;

    color: #d3eaff;

    text-align: center;

  }

}

.about-wrap .strategy, .duty-wrap .strategy {

  padding: 4% 0 3.4%;

}

@media only screen and (max-width: 980px) {

  .about-wrap .strategy, .duty-wrap .strategy {

    padding: 8% 0 7%;

  }

}

.about-wrap .strategy .main, .duty-wrap .strategy .main {

  padding-top: 40px;

}

.about-wrap .strategy .img img, .duty-wrap .strategy .img img {

  display: block;

  max-width: 100%;

  margin: 0 auto;

}

.about-wrap .strategy .detail, .duty-wrap .strategy .detail {

  padding: 4.5% 9.8% 0 7.5%;

  font-size: 12px;

  line-height: 26px;

  color: #666;

}

.about-wrap .strategy .detail h2, .duty-wrap .strategy .detail h2 {

  font-size: 24px;

  line-height: 36px;

  color: #000;

}

.about-wrap .strategy .detail h3, .duty-wrap .strategy .detail h3 {

  position: relative;

  padding-bottom: 20px;

  margin-bottom: 7.8%;

  font-size: 18px;

  line-height: 28px;

  color: #000;

}

.about-wrap .strategy .detail h3:after, .duty-wrap .strategy .detail h3:after {

  content: "";

  display: inline-block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 34%;

  height: 1px;

  background: #e5e5e5;

}

@media only screen and (max-width: 770px) {

  .about-wrap .strategy .detail, .duty-wrap .strategy .detail {

    padding: 9% 0 0;

  }

}

.about-wrap .mission, .duty-wrap .mission {

  padding: 5.2% 0 7.8%;

  background: url(../../images/user/bg_bg05.jpg) no-repeat center;

  background-size: cover;

}

.about-wrap .mission .scroll-box, .duty-wrap .mission .scroll-box {

  width: 73.5%;

  height: 148px;

  margin: 4.4% auto 1.8%;

  font-size: 14px;

  line-height: 26px;

  color: #666;

  text-align: center;

}

.about-wrap .mission .scroll-box .scroll, .duty-wrap .mission .scroll-box .scroll{

  left: 0;

  top: 0;

}

.about-wrap .mission .scroll-box h2, .duty-wrap .mission .scroll-box h2 {

  margin-bottom: 4px;

  font-size: 20px;

  line-height: 2;

  color: #000;

}

.about-wrap .mission .btns, .duty-wrap .mission .btns {

  height: 29px;

  text-align: center;

}

.about-wrap .mission .btns span, .duty-wrap .mission .btns span {

  display: inline-block;

  width: 29px;

  height: 29px;

  background: url(../../images/user/prev02.png) no-repeat;

  margin: 0 8px;

  cursor: pointer;

}

.about-wrap .mission .btns span.down, .duty-wrap .mission .btns span.down {

  background-image: url(../../images/user/next02.png);

}

@media only screen and (max-width: 980px) {

  .about-wrap .mission, .duty-wrap .mission {

    padding: 10% 0;

    background-image: url(../../images/user/bg_bg06.jpg);

  }

  .about-wrap .mission .scroll-box, .duty-wrap .mission .scroll-box {

    width: 100%;

    height: auto;

  }

  .about-wrap .mission .scroll-box .scroll, .duty-wrap .mission .scroll-box .scroll {

    position: relative;

  }

  .about-wrap .mission .btns, .duty-wrap .mission .btns {

    display: none;

  }

}

.about-wrap .honor, .duty-wrap .honor {

  padding: 3.3% 0 4.3%;

}

.about-wrap .honor{

  border-bottom: 1px solid #e0e0e0;

}

.about-wrap .honor.bggray, .duty-wrap .honor.bggray {

  background: #f5f5f5;

}

.about-wrap .honor .tips, .duty-wrap .honor .tips {

  font-size: 14px;

  line-height: 2;

  color: #666;

  text-align: center;

}

.about-wrap .honor .list, .duty-wrap .honor .list {

  margin-top: 5%;

}

.about-wrap .honor li, .duty-wrap .honor li {

  position: relative;

  overflow: hidden;

  padding-bottom: 5.5%;

  margin-bottom: 2.5%;

}

.about-wrap .honor li a{

  display: block;

}

.about-wrap .honor li img, .duty-wrap .honor li img {

  display: block;

  max-width: 100%;

  margin: 0 auto;

  box-reflect: below 0 -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.2) 94%, rgba(255, 255, 255, 0.4) 96%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0.8) 100%);

}

.about-wrap .honor .btn, .duty-wrap .honor .btn {

  text-align: center;

}

.about-wrap .honor .btn a, .duty-wrap .honor .btn a {

  display: inline-block;

  width: 136px;

  background: #035cac;

  border: 1px solid #035cac;

  font-size: 14px;

  line-height: 38px;

  color: #fff;

  transition: all 0.5s;

}

.about-wrap .honor .btn a:hover, .duty-wrap .honor .btn a:hover {

  background: none;

  color: #035cac;

}

@media only screen and (max-width: 980px) {

  .about-wrap .honor, .duty-wrap .honor {

    padding: 6% 0 8%;

  }

  .about-wrap .honor .w1200, .duty-wrap .honor .w1200 {

    width: 100%;

  }

  .about-wrap .honor li a, .duty-wrap .honor li a {

    display: inline-block;

    width: 90%;

    margin: 0 5%;

  }

}

.about-wrap .leadership, .duty-wrap .leadership {

  padding: 4.6% 0 3.3%;

  background: url(../../images/user/bg_bg07.jpg) no-repeat center;

  background-size: cover;

}

@media only screen and (max-width: 980px) {

  .about-wrap .leadership, .duty-wrap .leadership {

    background-image: url(../../images/user/bg_bg08.jpg);

  }

}

.about-wrap .leadership .revolve, .duty-wrap .leadership .revolve {

  margin-top: 6.25%;

  font-size: 14px;

  line-height: 22px;

  color: #fff;

  text-align: center;

}

.about-wrap .leadership .revolve{

  margin-top: 3%;

  margin-bottom: 1.5%;

}

.about-wrap .leadership .revolve .btns, .duty-wrap .leadership .revolve .btns {

  top: 165px;

  width: 37px;

  height: 37px;

  cursor: pointer;

}

.about-wrap .leadership .revolve .btns.prev, .duty-wrap .leadership .revolve .btns.prev {

  left: 0;

  background: url(../../images/user/prev03.png) no-repeat;

}

.about-wrap .leadership .revolve .btns.next, .duty-wrap .leadership .revolve .btns.next {

  right: 0;

  background: url(../../images/user/next03.png) no-repeat;

}

@media only screen and (max-width: 1044px) {

  .about-wrap .leadership .revolve, .duty-wrap .leadership .revolve {

    padding-bottom: 3%;

  }

  .about-wrap .leadership .revolve .btns, .duty-wrap .leadership .revolve .btns {

    top: 35%;

  }

}

.about-wrap .leadership .revolve .scroll, .duty-wrap .leadership .revolve .scroll {

  width: 1034px;

  height: 368px;

  margin: 0 auto;

}

.about-wrap .leadership .revolve .scroll li, .duty-wrap .leadership .revolve .scroll li {

  position: absolute;

  left: 275px;

  top: 0;

  width: 484px;

  height: 368px;

  transform: scale(0);

  opacity: 0;

}

@media only screen and (max-width: 1220px) {

  .about-wrap .leadership .revolve .scroll, .duty-wrap .leadership .revolve .scroll {

    width: 821px;

  }

  .about-wrap .leadership .revolve .scroll ul, .duty-wrap .leadership .revolve .scroll ul {

    left: -106px;

  }

  .about-wrap .leadership .revolve .scroll li, .duty-wrap .leadership .revolve .scroll li {

    left: 106px;

  }

}

@media only screen and (max-width: 1044px) {

  .about-wrap .leadership .revolve .scroll, .duty-wrap .leadership .revolve .scroll {

    width: calc(100% - 80px);

    max-width: 484px;

  }

  .about-wrap .leadership .revolve .scroll ul, .duty-wrap .leadership .revolve .scroll ul {

    left: 0;

    margin: 0 auto;

  }

  .about-wrap .leadership .revolve .scroll li, .duty-wrap .leadership .revolve .scroll li {

    left: 0;

    width: 100%;

  }

}

.about-wrap .leadership .revolve .tips, .duty-wrap .leadership .revolve .tips {

  min-height: 44px;

  margin-top: 17px;

}

.about-wrap .party, .duty-wrap .party {

  padding-top: 3%;

}

.about-wrap .party .tab, .duty-wrap .party .tab {

  margin-top: 4.6%;

}

@media only screen and (max-width: 980px) {

  .about-wrap .party .tab, .duty-wrap .party .tab {

    margin-top: 9%;

  }

}

.about-wrap .party .tab li, .duty-wrap .party .tab li {

  position: relative;

  padding-bottom: 4.5%;

  font-size: 20px;

  line-height: 30px;

  color: #000;

  text-align: center;

  cursor: pointer;

}

.about-wrap .party .tab li p.en, .duty-wrap .party .tab li p.en {

  font-size: 16px;

  line-height: 24px;

  color: #666;

  font-family: Arial;

  text-transform: uppercase;

}

.about-wrap .party .tab li .img, .duty-wrap .party .tab li .img {

  width: 100%;

  max-width: 139px;

  margin: 0 auto 8.6%;

  background-repeat: no-repeat;

  background-position: center top;

  background-size: 100% auto;

}

.about-wrap .party .tab li:nth-child(1) .img, .duty-wrap .party .tab li:nth-child(1) .img {

  background-image: url(../../images/user/bg_sign08.png);

}

.about-wrap .party .tab li:nth-child(2) .img, .duty-wrap .party .tab li:nth-child(2) .img {

  background-image: url(../../images/user/bg_sign09.png);

}

.about-wrap .party .tab li:nth-child(3) .img, .duty-wrap .party .tab li:nth-child(3) .img {

  background-image: url(../../images/user/bg_sign10.png);

}

.about-wrap .party .tab li:nth-child(4) .img, .duty-wrap .party .tab li:nth-child(4) .img {

  background-image: url(../../images/user/bg_sign11.png);

}

.about-wrap .party .tab li.cur .img, .duty-wrap .party .tab li.cur .img {

  background-position: center bottom;

}

.about-wrap .party .tab li.cur:after, .duty-wrap .party .tab li.cur:after {

  content: "";

  display: inline-block;

  position: absolute;

  left: 50%;

  bottom: 0;

  border-bottom: 17px solid #f5f5f5;

  border-left: 17px dashed transparent;

  border-right: 17px dashed transparent;

  margin-left: -17px;

}

@media only screen and (max-width: 980px) {

  .about-wrap .party .tab li, .duty-wrap .party .tab li {

    margin-bottom: 5%;

  }

  .about-wrap .party .tab li p.en, .duty-wrap .party .tab li p.en {

    font-size: 14px;

  }

  .about-wrap .party .tab li.cur:after, .duty-wrap .party .tab li.cur:after {

    display: none;

  }

}

.about-wrap .party .box-wrap, .duty-wrap .party .box-wrap {

  padding: 3.6% 0;

  background: #f5f5f5;

  font-size: 12px;

  line-height: 2;

  color: #777;

  text-align: center;

}

.about-wrap .party .box-wrap .box, .duty-wrap .party .box-wrap .box {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

}

.about-wrap .party .box-wrap .box.w885, .duty-wrap .party .box-wrap .box.w885 {

  max-width: 885px;

}

.about-wrap .party .box-wrap .box img, .duty-wrap .party .box-wrap .box img {

  display: block;

  max-width: 100%;

  margin: 0 auto;

}

.about-wrap .party .box-wrap h2, .duty-wrap .party .box-wrap h2 {

  font-size: 24px;

  line-height: 38px;

  color: #333;

}

.about-wrap .party .box-wrap p.t, .duty-wrap .party .box-wrap p.t {

  position: relative;

  padding-bottom: 11px;

  margin-bottom: 37px;

  font-size: 14px;

}

.about-wrap .party .box-wrap p.t:after, .duty-wrap .party .box-wrap p.t:after {

  content: "";

  display: inline-block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 25px;

  height: 2px;

  background: #035cac;

  margin-left: -12.5px;

}

.about-wrap .party .box-wrap .tips, .duty-wrap .party .box-wrap .tips {

  width: 83%;

  margin: 0 auto 2.3%;

}

.about-wrap .party .box-wrap .tips li, .duty-wrap .party .box-wrap .tips li {

  position: relative;

}

.about-wrap .party .box-wrap .tips li:after, .duty-wrap .party .box-wrap .tips li:after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  width: 1px;

  height: 22px;

  background: #d0d0d0;

  margin-top: -11px;

}

.about-wrap .party .box-wrap .tips li:last-child:after, .duty-wrap .party .box-wrap .tips li:last-child:after {

  display: none;

}

.about-wrap .party .box-wrap .tips p.num, .duty-wrap .party .box-wrap .tips p.num {

  font-size: 14px;

  line-height: 2;

  color: #333;

}

.about-wrap .party .box-wrap .tips span, .duty-wrap .party .box-wrap .tips span {

  display: inline-block;

  font-size: 48px;

  line-height: 1;

  color: #035cac;

  font-family: Arial;

}

.about-wrap .party .box-wrap .book-list, .duty-wrap .party .box-wrap .book-list {

  margin-top: 3%;

}

.about-wrap .party .box-wrap .book-list a, .duty-wrap .party .box-wrap .book-list a {

  display: inline-block;

  width: 90%;

  margin: 0 auto;

}

.about-wrap .party .box-wrap .book-list a p, .duty-wrap .party .box-wrap .book-list a p {

  margin: 10px 0;

  font-size: 18px;

  line-height: 2;

  color: #666;

}

.about-wrap .party .box-wrap .book-list a p{

  font-size: 15px;

  max-height: 60px;

  overflow: hidden;

  text-overflow: ellipsis;

}

.about-wrap .party .box-wrap .news-list, .duty-wrap .party .box-wrap .news-list {

  background: #fff;

}

.about-wrap .party .box-wrap .news-list .top, .duty-wrap .party .box-wrap .news-list .top {

  padding: 2% 2.8%;

}

.about-wrap .party .box-wrap .news-list .img a, .duty-wrap .party .box-wrap .news-list .img a {

  display: inline-block;

  padding-right: 14%;

}

.about-wrap .party .box-wrap .news-list .img a img, .duty-wrap .party .box-wrap .news-list .img a img {

  display: block;

  max-width: 100%;

  margin: 0 auto;

}

.about-wrap .party .box-wrap .news-list .detail, .duty-wrap .party .box-wrap .news-list .detail {

  text-align: left;

}

.about-wrap .party .box-wrap .news-list .detail a, .duty-wrap .party .box-wrap .news-list .detail a {

  display: inline-block;

  width: 100%;

  min-height: 48px;

  font-size: 14px;

  line-height: 24px;

  color: #666;

}

.about-wrap .party .box-wrap .news-list .detail a.tit, .duty-wrap .party .box-wrap .news-list .detail a.tit {

  margin-bottom: 8px;

  font-size: 22px;

  line-height: 38px;

  color: #005aab;

}

.about-wrap .party .box-wrap .news-list .detail a.more, .duty-wrap .party .box-wrap .news-list .detail a.more {

  display: inline-block;

  width: 78px;

  min-height: 28px;

  padding-left: 18px;

  background: #005aab;

  margin-top: 15px;

  font-size: 13px;

  line-height: 28px;

  color: #fff;

  text-transform: uppercase;

}

.about-wrap .party .box-wrap .news-list .detail a.more span, .duty-wrap .party .box-wrap .news-list .detail a.more span {

  padding-right: 22px;

  background: url(../../images/user/bg_sign12.png) no-repeat right center;

}

.about-wrap .party .box-wrap .news-list li, .duty-wrap .party .box-wrap .news-list li {

  width: 96%;

  padding: 0 2%;

  border-bottom: 1px solid #f2f2f2;

  font-size: 16px;

  line-height: 52px;

  color: #666;

}

.about-wrap .party .box-wrap .news-list li a, .duty-wrap .party .box-wrap .news-list li a {

  display: inline-block;

  margin-left: 10px;

}

.about-wrap .party .box-wrap a.list-more, .duty-wrap .party .box-wrap a.list-more {

  display: inline-block;

  width: 100%;

  background: #cdcdcd;

  margin-top: 15px;

  font-size: 22px;

  line-height: 60px;

  color: #fff;

  text-align: center;

}

@media only screen and (max-width: 1220px) {

  .about-wrap .party .box-wrap .news-list, .duty-wrap .party .box-wrap .news-list {

    width: 100%;

    margin: 0 auto;

  }

  .about-wrap .party .box-wrap .news-list .top, .duty-wrap .party .box-wrap .news-list .top {

    padding: 4% 6%;

  }

  .about-wrap .party .box-wrap .news-list .img a, .duty-wrap .party .box-wrap .news-list .img a {

    padding: 0;

  }

  .about-wrap .party .box-wrap .news-list .detail, .duty-wrap .party .box-wrap .news-list .detail {

    margin-top: 5%;

    text-align: center;

  }

  .about-wrap .party .box-wrap .news-list .detail a.tit, .duty-wrap .party .box-wrap .news-list .detail a.tit {

    margin-bottom: 0;

    font-size: 18px;

    line-height: 2.2;

  }

}

@media only screen and (max-width: 788px) {

  .about-wrap .party .box-wrap, .duty-wrap .party .box-wrap {

    padding: 7% 0;

  }

  .about-wrap .party .box-wrap .box, .duty-wrap .party .box-wrap .box {

    width: 90%;

  }

  .about-wrap .party .box-wrap .tips, .duty-wrap .party .box-wrap .tips {

    width: 100%;

  }

  .about-wrap .party .box-wrap .news-list li, .duty-wrap .party .box-wrap .news-list li {

    font-size: 14px;

    line-height: 36px;

    color: #666;

    text-align: left;

  }

  .about-wrap .party .box-wrap .news-list li a, .duty-wrap .party .box-wrap .news-list li a {

    padding-bottom: 5px;

    margin-left: 0;

    line-height: 20px;

  }

}

.about-wrap .r-honor, .duty-wrap .r-honor {

  padding: 3.5% 0 6.3%;

}

.about-wrap .r-honor .tab, .duty-wrap .r-honor .tab {

  margin-top: 5.5%;

}

.about-wrap .r-honor .tab .btn, .duty-wrap .r-honor .tab .btn {

  position: absolute;

  top: 0;

  width: 32px;

  height: 32px;

  cursor: pointer;

}

.about-wrap .r-honor .tab .btn.prev, .duty-wrap .r-honor .tab .btn.prev {

  left: 0;

  background: url(../../images/user/prev04.png) no-repeat;

}

.about-wrap .r-honor .tab .btn.next, .duty-wrap .r-honor .tab .btn.next {

  right: 0;

  background: url(../../images/user/next04.png) no-repeat;

}

.about-wrap .r-honor .tab .list, .duty-wrap .r-honor .tab .list {

  position: relative;

  overflow: hidden;

  width: 1070px;

  height: 54px;

  margin: 0 auto;

}

.about-wrap .r-honor .tab .list:before, .duty-wrap .r-honor .tab .list:before {

  content: "";

  display: inline-block;

  position: absolute;

  left: 0;

  top: 16px;

  width: 100%;

  height: 1px;

  background: #e0e0e0;

}

@media only screen and (max-width: 1220px) {

  .about-wrap .r-honor .tab .list, .duty-wrap .r-honor .tab .list {

    width: calc(95% - 74px);

  }

}

.about-wrap .r-honor .tab li, .duty-wrap .r-honor .tab li {

  width: 86px;

  height: 54px;

  padding-right: 54px;

  font-size: 18px;

  line-height: 20px;

  color: #aaa;

  font-family: Arial;

  text-align: center;

  cursor: pointer;

}

.about-wrap .r-honor .tab li span, .duty-wrap .r-honor .tab li span {

  display: inline-block;

  width: 16px;

  height: 16px;

  border: 1px solid #e1e1e1;

  border-radius: 9px;

  background: #fff;

  margin: 8px auto;

}

.about-wrap .r-honor .tab li span em, .duty-wrap .r-honor .tab li span em {

  display: inline-block;

  position: absolute;

  left: 3px;

  top: 3px;

  width: 10px;

  height: 10px;

  border-radius: 5px;

  background: #aaa;

  transition: background 0.5s;

}

.about-wrap .r-honor .tab li.cur, .duty-wrap .r-honor .tab li.cur {

  color: #005aab;

}

.about-wrap .r-honor .tab li.cur em, .duty-wrap .r-honor .tab li.cur em {

  background: #005aab;

}

.about-wrap .r-honor .detail, .duty-wrap .r-honor .detail {

  margin-top: 4.2%;

}

.about-wrap .r-honor .detail .top, .duty-wrap .r-honor .detail .top {

  padding: 2% 2.5%;

  border-bottom: 1px solid #f2f2f2;

  background: #f5f5f5;

}

@media only screen and (max-width: 788px) {

  .about-wrap .r-honor .detail .top, .duty-wrap .r-honor .detail .top {

    padding: 5%;

  }

  .about-wrap .r-honor .detail .top img, .duty-wrap .r-honor .detail .top img {

    width: 100%;

  }

}

.about-wrap .r-honor .detail .in, .duty-wrap .r-honor .detail .in {

  padding: 1% 6.5% 4.8% 2.3%;

  font-size: 14px;

  line-height: 30px;

  color: #666;

}

.about-wrap .r-honor .detail .in h2, .duty-wrap .r-honor .detail .in h2 {

  font-size: 24px;

  line-height: 58px;

  color: #005aab;

}

.about-wrap .r-honor .detail ul, .duty-wrap .r-honor .detail ul {

  margin-bottom: 54px;

}

.about-wrap .r-honor .detail li, .duty-wrap .r-honor .detail li {

  width: 100%;

}

.about-wrap .r-honor .detail li p.tit, .duty-wrap .r-honor .detail li p.tit {

  width: 89.5%;

  padding: 16px 8% 16px 2.5%;

  border-bottom: 1px solid #f2f2f2;

  background: url(../../images/user/bg_sign13.png) no-repeat right center;

  font-size: 14px;

  line-height: 20px;

  color: #666;

  cursor: pointer;

}



.group-wrap {

  padding: 1.8% 0 7%;

  background: #f5f5f5;

  font-size: 14px;

  line-height: 2;

  color: #666;

}

.group-wrap .detail {

  padding-top: 5.4%;

}

.group-wrap .detail h2 {

  font-size: 36px;

  line-height: 42px;

  color: #005aab;

}

.group-wrap .detail p.en {

  margin-bottom: 3.7%;

  font-size: 36px;

  line-height: 1;

  color: #d9d9d9;

  text-transform: uppercase;

}

.group-wrap .img img {

  display: block;

  max-width: 100%;

  margin: 0 auto;

}



.projects-wrap {

  padding-top: 2.6%;

  background: #f5f5f5;

}

@media only screen and (max-width: 980px) {

  .projects-wrap {

    padding-top: 5%;

  }

}

.projects-wrap .tips {

  text-align: center;

}

.projects-wrap .tips .detail {

  position: relative;

  padding-top: 2.5%;

  margin-top: 2.8%;

}

.projects-wrap .tips .detail:before {

  content: "";

  display: inline-block;

  position: absolute;

  left: 50%;

  top: 0;

  width: 38px;

  height: 3px;

  background: #206ecc;

  margin-left: -19px;

}

.projects-wrap .tips .detail p.t {

  margin-bottom: 7px;

  font-size: 18px;

  line-height: 2;

  color: #333;

}

@media only screen and (max-width: 980px) {

  .projects-wrap .tips .detail {

    padding-top: 5%;

    margin-top: 5%;

  }

  .projects-wrap .tips .detail p.t {

    line-height: 28px;

  }

}

.projects-wrap .pj-part {

  padding: 3.6% 0;

}

.projects-wrap .pj-part.white {

  background: #fff;

}

.projects-wrap .pj-part .w1180 {

  width: 1180px;

  min-height: 379px;

  background: #fff;

  margin: 0 auto;

}

@media only screen and (max-width: 1200px) {

  .projects-wrap .pj-part .w1180 {

    width: 86%;

  }

}

.projects-wrap .pj-part .img {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

@media only screen and (max-width: 1200px) {

  .projects-wrap .pj-part .img img {

    opacity: 0;

    height: 100%;

  }

}

@media only screen and (max-width: 980px) {

  .projects-wrap .pj-part .img {

    display: none;

  }

}

.projects-wrap .pj-part .img img {

  cursor: pointer;

}

.projects-wrap .pj-part .detail-bpx {

  float: right;

}

.projects-wrap .pj-part .detail {

  padding: 7%;

  line-height: 22px;

}

.projects-wrap .pj-part .detail h2 {

  position: relative;

  margin-bottom: 5.4%;

  font-size: 20px;

  line-height: 48px;

  color: #333;

}

.projects-wrap .pj-part .detail h2:after {

  content: "";

  display: inline-block;

  position: absolute;

  left: 0;

  bottom: -3px;

  width: 46px;

  height: 3px;

  background: #115bb5;

}

.projects-wrap .pj-part .detail .in {

  margin-bottom: 10%;

}

.projects-wrap .pj-part .detail img.fl {

  margin: 0 2% 3% 0;

}

.projects-wrap .pj-part .list {

  width: 1308px;

  margin: 2% auto 0;

}

@media only screen and (max-width: 1328px) {

  .projects-wrap .pj-part .list {

    width: 96%;

  }

}

.projects-wrap .pj-part .list .btns {

  top: 50%;

  width: 29px;

  height: 29px;

  margin-top: -15px;

  cursor: pointer;

}

.projects-wrap .pj-part .list .btns.swiper-button-prev {

  left: 0;

  background: url(../../images/user/prev05.png) no-repeat;

}

.projects-wrap .pj-part .list .btns.swiper-button-next {

  right: 0;

  background: url(../../images/user/next05.png) no-repeat;

}

.projects-wrap .pj-part .list .swiper-container {

  width: 90%;

  margin: 0 auto;

}

.projects-wrap .pj-part .list .swiper-container .swiper-slide {

  min-height: 0;

}

.projects-wrap .pj-part .list .swiper-container .swiper-slide a{

  display: inline-block;

  border: 1px solid #f1f1f1;

}

.projects-wrap .pj-part .list .swiper-container .swiper-slide .bg {

  background: rgba(0, 0, 0, 0.4);

}

.projects-wrap .pj-part .list .swiper-container .swiper-slide .tips {

  left: 0;

  top: 45%;

  width: 100%;

  font-size: 16px;

  line-height: 2;

  color: #fff;

  text-align: center;

}

.projects-wrap .pj-part .list .swiper-container .swiper-slide .tips em {

  display: inline-block;

  width: 100%;

  margin-bottom: 10px;

}

.projects-wrap .pj-part .list .swiper-container .swiper-slide .tips i {

  display: inline-block;

  width: 21px;

  height: 21px;

  background: url(../../images/user/bg_sign14.png) no-repeat;

}

@media only screen and (max-width: 1200px) {

  .projects-wrap .pj-part .list .swiper-container .swiper-slide .tips {

    top: 35%;

  }

}

@media only screen and (max-width: 980px) {

  .projects-wrap .pj-part .col-xs-12 {

    display: block;

  }

}



.duty-wrap .leadership {

  padding: 3% 0;

  background: #f5f5f5;

}

@media only screen and (max-width: 980px) {

  .duty-wrap .leadership {

    padding: 6% 0;

  }

}

.duty-wrap .leadership .detail {

  width: 1034px;

  margin: 2% auto 4%;

  font-size: 16px;

  line-height: 30px;

  color: #666;

  text-align: center;

}

@media only screen and (max-width: 1054px) {

  .duty-wrap .leadership .detail {

    width: 90%;

  }

}

.duty-wrap .leadership .revolve {

  margin-top: 0;

}

.duty-wrap .leadership .revolve .prev {

  background: url(../../images/user/prev06.png) no-repeat center !important;

}

.duty-wrap .leadership .revolve .next {

  background: url(../../images/user/next06.png) no-repeat center !important;

}

.duty-wrap .leadership .revolve .tips {

  font-size: 14px;

  line-height: 22px;

  color: #666;

}

.duty-wrap .party {

  padding: 3% 0 3.5%;

}

@media only screen and (max-width: 980px) {

  .duty-wrap .party {

    padding: 6% 0;

  }

}

.duty-wrap .party .box-wrap {

  padding-bottom: 0;

  background: #fff;

}

.duty-wrap .party .box-wrap .box {

  max-width: 1034px;

}

.duty-wrap .party .box-wrap .book-list {

  margin-top: 0;

}

.duty-wrap .party .box-wrap .book-list li {

  margin-bottom: 5%;

}

.duty-wrap .party .box-wrap .book-list a {

  width: 80%;

}

.duty-wrap .party .box-wrap .book-list a p {

  min-height: 26px;

  font-size: 13px;

  line-height: 2;

  color: #666;

}



.bases-wrap {

  padding-top: 3.6%;

  background: #f5f5f5;

}

.bases-wrap .tips {

  margin: 3.3% auto;

  font-size: 14px;

  line-height: 2;

  color: #666;

  text-align: center;

}

.bases-wrap .tab {

  padding-bottom: 5.8%;

  font-size: 20px;

  line-height: 30px;

  color: #000;

  text-align: center;

}

.bases-wrap .tab span {

  display: inline-block;

  margin: 0 50px;

  cursor: pointer;

}

.bases-wrap .tab span em {

  display: inline-block;

  margin-bottom: 10px;

  background: url(../../images/user/bg_sign15.png) no-repeat center top;

}

.bases-wrap .tab span:nth-child(2) em {

  background-image: url(../../images/user/bg_sign16.png);

}

.bases-wrap .tab span.hover em, .bases-wrap .tab span.cur em {

  background-position: center bottom;

}

.bases-wrap .tab p.en {

  font-size: 16px;

  line-height: 22px;

  color: #666;

  font-family: Arial;

  text-transform: uppercase;

}

.bases-wrap .title-tips {

  position: relative;

  background: #035cac;

  font-size: 20px;

  line-height: 90px;

  color: #fff;

  text-align: center;

}

.bases-wrap .title-tips:after {

  content: "";

  display: inline-block;

  position: absolute;

  left: 50%;

  bottom: -14px;

  border-top: 14px solid #035cac;

  border-left: 14px dashed transparent;

  border-right: 14px dashed transparent;

  margin-left: -14px;

}

.bases-wrap .list-wrap {

  padding: 2.3% 0 9.6%;

  background: #fff;

}

.bases-wrap .list-wrap .list-tab {

  padding-bottom: 3.3%;

  text-align: center;

}

.bases-wrap .list-wrap .list-tab a {

  display: inline-block;

  border-bottom: 1px solid #fff;

  margin: 0 32px 18px;

  font-size: 18px;

  line-height: 30px;

  color: #999;

}

.bases-wrap .list-wrap .list-tab a:hover, .bases-wrap .list-wrap .list-tab a.cur {

  color: #035cac;

  border-color: #035cac;

}

.bases-wrap .list-wrap .swiper-container {

  padding-bottom: 44px;

}

.bases-wrap .list-wrap li {

  margin-bottom: 20px;

}

.bases-wrap .list-wrap li a {

  display: inline-block;

  position: relative;

  width: 95%;

  cursor: default;

}

.bases-wrap .list-wrap li .bg {

  background: rgba(0, 0, 0, 0.7);

}

.bases-wrap .list-wrap li .tips {

  left: 0;

  top: 40%;

  width: 100%;

  font-size: 18px;

  line-height: 2;

  color: #fff;

  text-align: center;

}

.bases-wrap .list-wrap li .tips em {

  display: inline-block;

  width: 21px;

  height: 21px;

  background: url(../../images/user/bg_sign14.png) no-repeat;

  margin-top: 13px;

}

@media only screen and (max-width: 980px) {

  .bases-wrap {

    padding-top: 7%;

  }

  .bases-wrap .tips {

    margin: 7% auto;

  }

  .bases-wrap .tab span {

    max-width: 42%;

    margin: 0 3%;

    font-size: 16px;

  }

  .bases-wrap .list-wrap {

    padding-top: 10%;

  }

  .bases-wrap .list-wrap .list-tab a {

    margin: 0 10px 10px;

    font-size: 15px;

  }

}



.float-tips {

  position: fixed;

  right: 6.5%;

  top: 50%;

  width: 22px;

  opacity: 0;

}

@media only screen and (max-width: 980px) {

  .float-tips {

    display: none;

  }

}

.float-tips li {

  position: relative;

  width: 22px;

  margin-bottom: 5px;

  cursor: pointer;

}

.float-tips li span {

  position: absolute;

  top: 0;

  right: 22px;

  width: 60px;

  padding: 6px 0;

  text-align: right;

  font-size: 12px;

  line-height: 1;

  color: #0064bd;

  opacity: 0;

  transition: all 0.5s;

}

.float-tips li em {

  display: inline-block;

  width: 22px;

  height: 24px;

  background: url(../../images/user/bg_sign17.png) no-repeat center top;

  transition: all 0.5s;

}

.float-tips li.hover span,

.float-tips li.cur span {

  opacity: 1;

}

.float-tips li.hover em,

.float-tips li.cur em {

  background-position: center bottom;

}

.float-tips .btn {

  width: 22px;

  height: 43px;

  background: url(../../images/user/bg_sign18.png) no-repeat;

  cursor: pointer;

}



.videos-wrap {

  padding: 2.7% 0 5.4%;

  background: #f5f5f5;

  font-size: 12px;

  line-height: 2;

  color: #7e7e7e;

}

.videos-wrap h2 {

  font-size: 24px;

  line-height: 34px;

  color: #333;

}

.videos-wrap .box {

  margin: 3% auto 4%;

  background: #000;

}

.videos-wrap .box img {

  opacity: 0;

}

.videos-wrap ul {

  margin-top: 2%;

}

.videos-wrap ul li {

  width: 30%;

  margin: 0 5% 2% 0;

  background: #fff;

  border-bottom: 1px solid #dfdfdf;

  font-size: 16px;

  line-height: 28px;

  color: #000;

}

.videos-wrap ul li:nth-child(3n) {

  margin-right: 0;

}

@media only screen and (max-width: 1023px) {

  .videos-wrap ul li {

    width: 47.5%;

  }

  .videos-wrap ul li:nth-child(2n) {

    margin-right: 0;

  }

  .videos-wrap ul li:nth-child(3n) {

    margin-right: 5%;

  }

}

.videos-wrap ul .tips {

  padding: 6% 8%;

}

.videos-wrap ul .box {

  margin: 0;

}

@media only screen and (max-width: 980px) {

  .videos-wrap {

    padding: 5.4% 0 10.8%;

  }

  .videos-wrap .box {

    margin: 6% auto 8%;

  }

  .videos-wrap ul {

    margin-top: 4%;

  }

}



.img-out {

  z-index: 5;

}

.img-out .bg {

  background: #000;

  opacity: 0.5;

}

.img-out .main {

  left: 50%;

  width: 720px;

  height: 480px;

  margin-left: -360px;

}

.img-out .close {

  background: background("../img/close01.png");

  cursor: pointer;

}

.img-out .main {

  transform: translateX(-40px);

}

.img-out .list {

  height: 463px;

}

.img-out li {

  width: 100%;

}

.img-out .btns {

  right: -80px;

  top: 165px;

  width: 51px;

  height: 51px;

  cursor: pointer;

}

.img-out .btns.prev {

  background: url(../../images/user/prev07.png) no-repeat left center;

}

.img-out .btns.prev.hover {

  background-position: right center;

}

.img-out .btns.next {

  top: 247px;

  background: url(../../images/user/next07.png) no-repeat right center;

}

.img-out .btns.next.hover {

  background-position: left center;

}



/*# sourceMappingURL=style.css.map */

.back-top{

  position: absolute;

  left: 50%;

  top: -56px;

  margin-left: 615px;

  font-size: 12px;

  line-height: 1.5;

  text-align: center;

  cursor: pointer;

}

.back-top .iconfont{

  margin-bottom: -5px;

  font-style: normal;

  font-size: 25px;

  font-family: "iconfont" !important;

}

@media only screen and (max-width: 1279px) {

  .back-top{

    display: none;

  }

}



.pdlist-wrap .imglist {

  left: 0;

  top: 0;

  width: 100%;

  height: 91%;

}

.pdlist-wrap .imglist .swiper-container {

  opacity: 0;

}

.pdlist-wrap .imglist .scroll .swiper-button-prev,.pdlist-wrap .imglist .m-scroll .swiper-button-prev{

  left: 0;

  width: 51px;

  height: 75px;

  margin-top: -38px;

  background: url(../../images/user/prev08.png) no-repeat left center;

}

.pdlist-wrap .imglist .scroll .swiper-button-prev.hover,.pdlist-wrap .imglist .m-scroll .swiper-button-prev.hover{

  background-position: right center;

}

.pdlist-wrap .imglist .scroll .swiper-button-next,.pdlist-wrap .imglist .m-scroll .swiper-button-next{

  right: 0;

  width: 51px;

  height: 75px;

  margin-top: -38px;

  background: url(../../images/user/next08.png) no-repeat right center;

}

.pdlist-wrap .imglist .scroll .swiper-button-next.hover,.pdlist-wrap .imglist .m-scroll .swiper-button-next.hover{

  background-position: left center;

}

.pdlist-wrap .imglist .m-scroll{

  display: none;

}

.pdlist-wrap .imglist .scroll{

  position: relative;

  overflow: hidden;

  width: 100%;

  height: 100%;

}

.pdlist-wrap .imglist .scroll li{

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  display: none;

}

.pdlist-wrap .imglist .scroll li img{

  width: 100%;

}

.pdlist-wrap .imglist .scroll .scroll-hei{

  height: 0;

  margin-top: 41.2%;

  width: 100%;

}



.pdlist-wrap .imglist p {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 97%;

  padding: 1.5%;

  background: rgba(0, 0, 0, 0.6);

  font-size: 24px;

  line-height: 36px;

  color: #fff;

  text-align: center;

}

.pdlist-wrap .tab {

  left: 0;

  bottom: 0;

  width: 100%;

  height: 9%;

  background: #f0f0f0;

  font-size: 18px;

  line-height: 2;

  color: #333;

  text-align: center;

}

.pdlist-wrap .tab span {

  display: inline-block;

  width: 20.8%;

  padding-bottom: 3px;

  cursor: pointer;

}

@media only screen and (max-width: 980px) {

  .pdlist-wrap .tab span {

    width: 32%;

  }

}

.pdlist-wrap .tab span.cur {

  background: url(../../images/user/bg_sign20.png) no-repeat center bottom #fff;

  background-size: 100% 6px;

}







.pro-wrap .list-wrap {



  position: relative;

  z-index: 1;

}

.pro-wrap .list-wrap li {

  width: 280px;

  background-color: #fff;

  padding-top: 16px;

  padding-bottom: 29px;

  margin-bottom: 30px;

  margin-left: 26px;

  position: relative;

  -webkit-transition: all 0.3s ease 0s;

          transition: all 0.3s ease 0s;

  top: 0;

}

.pro-wrap .list-wrap li:hover {

  top: -5px;

  box-shadow: 0 15px 30px #e0e0e0;

}

.pro-wrap .list-wrap ul {

  width: 1226px;

  margin-left: -25px;

}

.pro-wrap .list-wrap .img {

  display: block;

  width: 240px;

  margin: 0 auto;

  height: 180px;

}

.pro-wrap .list-wrap .imgli {

  width: 100%;

  text-align: center;

  padding-top: 11px;

}

.pro-wrap .list-wrap .imgli span {

  display: inline-block;

  width: 34px;

  height: 34px;

  border: 1px solid #dbdbdb;

  margin: 0 4px;

  cursor: pointer;

}

.pro-wrap .list-wrap .imgli img {

  width: 34px;

  height: 34px;

}

.pro-wrap .list-wrap .imgli span.active {

  width: 32px;

  height: 32px;

  border: 2px solid #ce0000;

}

.pro-wrap .list-wrap .imgli span.active img {

  width: 32px;

  height: 32px;

}

.pro-wrap .list-wrap .name {

  line-height: 30px;

  font-size: 14px;

  font-weight: bold;

  margin-top: 9px;

  text-align: center;

}

.pro-wrap .list-wrap .name a {

  color: #000;

  display: inline-block;

}

.pro-wrap .list-wrap .font {

  display: block;

  text-align: center;

  line-height: 29px;

  color: #999;

}

.pro-wrap .list-wrap .page {

  padding-bottom: 40px;

  text-align: center;

  padding-top: 10px;

}

.text-c{

  width: 100%;

  height: 30px;

  line-height: 30px;

  text-align: center;

  float: left;

}

.text-c a{

  display: inline-block;

  height: 30px;

  line-height: 30px;

  color: #000;

  padding: 0 15px;

  margin:0 5px;

  background: #fff;

  transition: all 0.3s ease 0s;

}

.text-c a:hover{

  color: #fff;

  background: #c00;

  box-shadow: 0 0 3px rgba(0,0,0,.2)

}

.text-c span{

  display: inline-block;

  height: 30px;

  line-height: 30px;

  color: #fff;

  padding: 0 15px;

  margin:0 5px;

  background: #c00;

}















.listblock{width: 99.8%;border: solid 1px #e4e4e4;}



.listsrcoll{z-index:9999;width: 100%;background: #fff;}

.picScroll{ margin:0px auto;  position:relative; width:1163px; border-left:1px solid #ddd;border-right:1px solid #ddd;padding:0px 30px; background:#fff; overflow:hidden;     }

.picScroll .next { display:block; position:absolute; top:0px; right:0px; width:30px; height:120px; background:url(../../images/user/prev.png) center no-repeat #fff;border-left: solid 1px #E4E4E4;border-bottom: 3px solid #E4E4E4;   }

.picScroll .prev{ display:block; position:absolute; top:0px; left:0px; width:30px; height:120px; background:url(../../images/user/next.png) center no-repeat #fff;border-right: solid 1px #E4E4E4; border-bottom: 3px solid #E4E4E4;  }

.picScroll ul{ overflow:hidden; zoom:1; }

.picScroll ul li{ width:129px; float:left; overflow:hidden;height: 120px;border-left: solid 1px #E4E4E4;display: block;position: relative;border-bottom: 3px solid #E4E4E4;}

.picScroll ul li a{width:100%;height:120px;display: block;}

.picScroll ul li img{ display:block;margin: 0 auto;width: 120px;height: 120px;position: absolute;top: -10px;}

.picScroll ul li p{float: left;width: 100%;text-align: center;margin-bottom: 0px;font-size: 12px;position: absolute;bottom: 0px;color: #000}

.picScroll ul li a:hover{display: block;color: #F97D02;color: #F97D02;width: 100%;height:120px;}

.picScroll ul li:hover{border-bottom: 3px solid #F97D02;margin-bottom:-3px;}

.order{width: 100%;}

.orderblock{margin: 0 auto;width: 1130px;}

.orderdh{width: 100%;border-bottom: 3px solid #ccc ;height: 32px;}

.orderdh h3{font-family: '微软雅黑 Bold', '微软雅黑';padding :0px 5px 10px 5px;font-weight: bold;font-size: 20px;color: #e55e02;border-bottom: 3px solid #e55e02 ;float: left;}

.orderdh span{float: left;margin-left: 20px;font-family: '微软雅黑 Regular', '微软雅黑';font-size: 14px;color: #999;}



.order ul{width: 100%;}

.promask{position:relative; overflow:hidden;width:243px;border: solid 1px #E4E4E4;font-family: '微软雅黑 Regular', '微软雅黑';}

.promask:hover{border: #E83526 solid 1px;}

.inpro{width: 223px;padding: 10px ;height: 330px;}

.pica{float: left;width: 223px;height: 220px;}

.inpro img{float: left;width: 223px;}

.inpro b{float: left;width: 100%;text-align: left;line-height:24px;font-size: 14px;height: 45px;font-weight: 100;margin-top:10px;color:#000;overflow: hidden;}

.inpro p{float: left;width: 100%;color: #666666;margin-bottom: 0px;line-height: 30px;}

.inpro p em{color: #333;}

.maskBar{background: #e83526;display: block;height: 40px;line-height: 40px;}

.maskBar a{float: left;display: block;width: 223px;}

.maskBar p{float: left;color: #FFFFFF;font-weight: bold;padding: 0px 5px;}

.maskBar span{font-size: 16px;color: #FFFFFF;padding: 0px 5px;float: right;}

.Hui-breadcrumb a{color: #999;padding-left: 5px;}

.Hui-breadcrumb a:hover{color:#333;}



























.center{width: 100%;}

.centerblock{margin: 0 auto;width: 1227px;}

.listblock{width: 99.8%;border: solid 1px #e4e4e4;}

.pictxt{width: 100%;}

#preview { float:left; width:400;padding: 20px; border-right: 1px solid #E4E4E4;}





.box{width:400px;}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}

.tb-pic a img{vertical-align:middle;}

.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}

.tb-thumb{margin:20px 0 0;overflow:hidden;}

.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:52px;margin:0 15px 0 0;overflow:hidden;padding:1px;border: 3px solid #f5f5f5;}

.tb-thumb li:last-child{margin-right:0px ;}

.tb-thumb li:hover{border: 3px solid #c00;}

.tb-s310, .tb-s310 a{height:400px;width:400px;}

.tb-s310, .tb-s310 img{width:400px;}

.tb-s310 a{*font-size:271px;}

.tb-s40 a{*font-size:35px;}

.tb-s40, .tb-s40 a{height:52px;width:52px;}

.tb-s40 img, .tb-s40 a img{width:52px;}



.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}

.tb-thumb .tb-selected{height:52px;}

.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}

.tb-thumb li div{}

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:600px;height:600px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;cursor:move;z-index:1;}





.protxt{width: 783px;}

.pronamex{width: 100%;}

.pronamex h1{font-family: '微软雅黑 Regular', '微软雅黑';font-size: 20px;width: 100%;text-indent: 20px;padding-bottom: 20px;border-bottom: 1px solid #E4E4E4;}

.values{width: 743px;background: #fff2e8;}

.values li{float: left;width: 247px;}

.values li strong{float: left;width: 100%;text-align: center;font-size: 16px;color: #E55E02;padding-top: 20px;}

.values li span{float: left;width: 100%;text-align: center;font-size: 16px;color: #E55E02;padding-bottom: 10px;padding-top: 5px;}

.cscon{width: 743px;}

.promise{width: 100%;}

.promise img{float: left;width: 16px;height: 16px;background: #e83526;padding: 5px;margin-left: 20px;}

.shipping{width: 100%;}

.shipping img{float: left;width: 16px;height: 16px;background: #0099ff;padding: 5px;margin-left: 20px;}

.activity{width: 100%;}

.activity img{float: left;width: 16px;height: 16px;background: #009933;padding: 5px;margin-left: 20px;}

.shreto{width: 100%;}

.shreto img{float: left;width: 16px;height: 16px;background: #ff9900;padding: 5px;margin-left: 20px;}

.mode{width: 743px;}

.email a{font-size: 16px;color: #FFFFFF;font-family: '微软雅黑 Regular', '微软雅黑';float: left;width: 150px;background: #e94234;text-align: center;height: 41px;line-height: 41px;}

.email a:hover{background: #E83526;}

.add a{margin-left:20px; color:#e55e02;float: left;background: #fff2e8;font-size: 16px;font-family: '微软雅黑 Regular', '微软雅黑';width: 150px;text-align: center;height: 41px;line-height: 41px;}

.add a:hover{background:#ffcaa2;}

.protips{width: 743px;}





.proleft{width: 229px;border: solid 1px #E4E4E4;border-bottom: none;margin-top: 15px;}

.Huifold{width: 100%;float: left;}

.item{width: 100%;}

.Huifold .item h4{font-family: '微软雅黑 Regular', '微软雅黑';float: left;width: 100%;line-height: 36px;font-size: 14px;border-bottom: solid 1px #E4E4E4;margin: 0;background: #f7f7f7;

font-weight: bold;position: relative;font-size: 14px;line-height: 34px;cursor: pointer;padding: 0px;text-indent: 20px;}

.item img{float: right;width: 16px;height: 16px;margin-right:10px;margin-top: 10px;}

.info{width: 100%;}

.info li a{float: left;width: 100%;line-height: 36px;border-bottom: solid #E4E4E4 1px;text-indent: 22px;}

.info li a:hover{background: #fdeae8;border: solid #e94234 1px;color: #e94234;width: 99.6%;}

.Huifold .item .info{padding: 0px;display:block;}

.Huifold .item .info ul{float: none;}

.Huifold .item .info li{float: none;}

.proright{border: solid 1px #E4E4E4;width: 984px;margin-top: 15px;margin-bottom: 25px;}



.HuiTab1{width:100%; margin: 0 auto;}

.tabBarpro{border-bottom: 1px #E4E4E4 solid;height: 36px;background: #f7f7f7;}

.tabBarpro span{background: none;color: #666;font-weight: 700;line-height:36px;height: 36px;text-align: center;width: 166px;border-right: 1px #E4E4E4 solid;float: left;font-family: '微软雅黑 Regular', '微软雅黑';cursor: pointer;}

.tabBarpro span.currents{background: none;color: #333;border-top: 2px solid #E55E02;line-height: 36px;height: 36px;background: #fff;font-family: '微软雅黑 Regular', '微软雅黑';cursor: pointer;margin-top: -1px;}

.tabCon{width: 100%;}

.tabCon li{width: 170px;height: 150px;float: left;background: #FFFFFF;margin-top: 20px;}

.tabCon li img{width:120px;height:120px;float:left;margin-left:25px;}

.tabCon li:hover{width: 170px;height:150px;background: #f2f2f2;}

.tabCon li p{color: #333;font-size: 14px;width: 100%;float: left;margin-bottom:0px;}



.tabConpro{width: 944px;margin: 20px;}

.cans{width: 100%;font-family: '微软雅黑 Regular', '微软雅黑';}

.cans img{max-width: 944px;height: auto;}

.sales{width: 100%;font-family: '微软雅黑 Regular', '微软雅黑';line-height: 24px;font-weight: 400;font-size: 14px;color: #333;}

.sales img{float: left;width: 944px;height: 200px;}

.contom{width: 100%;}

.contom p{margin-bottom: 0px;}

.titlist{width: 100%;}

.tittop{width: 100%;}

.tittop h3{color: #E55E02;font-size: 20px;float: left;background: #fff;}

.titlist li p{float: left;width: 100%;margin-bottom: 0px;margin-top: 20px;}



.titlists{width: 100%;}

.titlists p{float: left;width: 100%;margin-top: 20px;}

.titl span{float: left;width: 100%;}

.lilist span{float: left;width: 100%;margin-left: 20px;}

.shouhou{width: 100%;}

.lcpic img{width: 944px;float: left;}

.lcpic p{width: 944px;color: #666666;text-align: center;float: left;margin-top: 20px;}

.traffic{width: 100%;}

.traffictxt {width: 100%;font-family: '微软雅黑 Regular', '微软雅黑';line-height: 24px;font-weight: 400;font-size: 14px;}

.traffictxt p{float: left;width: 100%;margin-bottom: 0px;}

.traffictxt span{float: left;width: 100%;color: #999;}

.botconts{width:100%;}

.contactrts {width: 650px; background: #E4E4E4;height: 422px;}

.contactrts h4{font-weight: bold;line-height: 48px;height: 48px;text-indent: 20px;width: 100%;background: #CCCCCC;margin: 0px;}

.cards{width: 590px;height:310px;background: #fff;}

.cards ul{width:310px;margin:20px auto;}

.cards ul li{float: left;width: 100%;margin-top: 25px;}

.cards ul li img{float: left;width: 32px;height: 32px;}

.cards ul li b{float: left;margin-left: 10px;color: #999;}

.cards ul li span a{color: #0C5DC9;}

.cards ul li span a:hover{text-decoration:underline;}





.nameTab{width:100%; margin: 0 auto;}

.tabnametit{border-bottom: 1px #E4E4E4 solid;height: 36px;background: #f7f7f7;}

.tabnametit span{background: none;color: #666;font-weight: 200;line-height:36px;height: 36px;text-align: center;float: left;font-family: '微软雅黑 Regular', '微软雅黑';padding: 0px 10px;}

.tabnametit span:first-child{padding-left:0px;}

.tabnametit span.on{background: none;color: #333;line-height: 36px;height: 36px;font-family: '微软雅黑 Regular', '微软雅黑';}

.tabname{width: 100%;margin-top: 20px;}

.tabname table{float: left;width: 99.8%;margin: 20px 0px;}

.tabname table th{text-align: center;}

.tabname table td{text-align: center;padding:5px 0px;}

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th{background: #F2F2F2;}



.mr-20 {

    margin-right: 20px;

}

.ml-20 {

    margin-left: 20px;

}

.mt-20 {

    margin-top: 20px;

}

.l, .f-l {

    float: left !important;

    _display: inline;

}

.f-r{

  float: right;

}